.routine {
    &-title {
      font-size: 32px;
      font-weight: 500;
      line-height: 32px;
      margin-left: 48px;
      margin-bottom: 30px;
      padding-top: 34px;
    }
    &-content {
        display: flex;
        justify-content: space-around;
        &-left {
            display: flex;
            justify-content: space-around;
            .border{
                width:180px;
                height:180px;
                border-radius: 100%;
                border:1px solid #1bcec5;
                position: relative;
                text-align: center;
                .radio{
                    margin: 5px;
                    width:170px;
                    height:170px;
                    line-height:150px;
                    border-radius: 100%;
                    background: #1bcec5;
                    position: relative;
                    color:#fff;
                    span:nth-child(1){display: block;height:30px;font-size: 24px;margin:4px 0;font-weight: blod;}
                    span:nth-child(2){display: block;height:40px;font-size: 36px;font-weight: blod;}
                }
            }
            .text{
                margin-top: 25px;
                &-green {
                    color: #1bcec5;
                }
                &-blue{
                    color:#5B8FF9;
                }
            }
        }
        &-right {
            display: flex;
            justify-content: space-around;
            .border{
                width:180px;
                height:180px;
                border-radius: 100%;
                border:1px solid #5B8FF9;
                position: relative;
                text-align: center;
                .radio{
                    margin: 5px;
                    width:170px;
                    height:170px;
                    line-height:170px;
                    border-radius: 100%;
                    background: #5B8FF9;
                    position: relative;
                    color:#fff;
                    span:nth-child(1){display: block;height:30px;font-size: 24px;margin:4px 0;font-weight: blod;}
                    span:nth-child(2){display: block;height:40px;font-size: 36px;font-weight: blod;}
                }
            }
            .text{
                margin-top: 25px;
                &-green {
                    color: #1bcec5;
                }
                &-blue{
                    color:#5B8FF9;
                }
            }
        }
    }
    &-end {
        .top3{
            display: flex;
            justify-content: space-around;
            &-item{
                &-border1{
                    width:180px;
                    height:180px;
                    border-radius: 100%;
                    border:1px solid red;
                    position: relative;
                    text-align: center;
                    &-radio1{
                        margin: 5px;
                        width:170px;
                        height:170px;
                        line-height:170px;
                        border-radius: 100%;
                        background: red;
                        position: relative;
                        color:#fff;
                        font-size: 48px;
                    }
                    &-text1{
                        color:red;
                        margin-top:15px;
                        width: 180px;
                        text-align: center;
                        font-size: 36px;
                    }

                }
                &-border2{
                    width:180px;
                    height:180px;
                    border-radius: 100%;
                    border:1px solid yellow;
                    position: relative;
                    text-align: center;
                    &-radio2{
                        margin: 5px;
                        width:170px;
                        height:170px;
                        line-height:170px;
                        border-radius: 100%;
                        background: yellow;
                        position: relative;
                        color:#fff;
                        font-size: 48px;
                    }
                    &-text2{
                        color:yellow;
                        margin-top:15px;
                        width: 180px;
                        text-align: center;
                        font-size: 36px;
                    }

                }
                &-border3{
                    width:180px;
                    height:180px;
                    border-radius: 100%;
                    border:1px solid #1bcec5;
                    position: relative;
                    text-align: center;
                    &-radio3{
                        margin: 5px;
                        width:170px;
                        height:170px;
                        line-height:170px;
                        border-radius: 100%;
                        background: #1bcec5;
                        position: relative;
                        color:#fff;
                        font-size: 48px;
                    }
                    &-text3{
                        color:#1bcec5;
                        margin-top:15px;
                        width: 180px;
                        text-align: center;
                        font-size: 36px;
                    }

                }
            }
        }
    }
  }
  